很多人在使用 img 標籤除了會使用 alt 屬性之外，還會搭配使用 title 屬性。
在之前文章提過 alt 屬性最主要就是當圖片失效時，可以成為輔助的文字，讓人理解圖片表達之意。
另外，alt 屬性描述的完整且符合事實，也能有效提升 SEO
而 title 是針對該標籤給予一些建議訊息，通常滑鼠移到該標籤上，才會顯示一段的提示文字（tooltip text）。
很多人會把 title 跟 alt 錯用，雖然都是增加增添資訊的成分，但主要用途還是不一樣的
<h1>Hello/h1>
<img src="圖片網址" alt="圖片替代文字" title="滑鼠滑過去會出現的字">
如果你希望你的 title 文字會換行的話，可以寫成
<h1>Hello/h1>
<img src="圖片網址" alt="圖片替代文字" title="滑鼠滑過去
會出現的字">
這樣就可以出現換行得效果
iThome鐵人賽
看影片追技術